<template>
	<CardVIX class="box-card-Wok-List">
		<WokListBoxs></WokListBoxs>
		<div class="WokItems" style='width: 99%;'>
			<WokItemTop></WokItemTop>
			<!-- <WokItemDetail class='WokItemDetail'></WokItemDetail> -->
			<WokItemTable class='WokItemTable' ></WokItemTable>
			<!-- <tableTest></tableTest> -->
			<WokListExport ></WokListExport>
			<WokItemCreate></WokItemCreate>
		</div>
	</CardVIX>
</template>

<script>
	import WokListBoxs from './childCpn/Wok-List-Boxs'
	import WokListExport from './childCpn/Wok-List-Export'
	import WokItemCreate from './childCpn/Wok-Item-Create'
	import WokItemDetail from './childCpn/Wok-Item-Detail'
	import WokItemTable from './childCpn/Wok-Item-Table'
	import WokItemTop from './childCpn/Wok-Item-Top'
	import tableTest from './childCpn/table_test'
	import CardVIX from 'common/Components/CardVIX/CardVIX.vue'
	export default {
		components: {
			WokItemTop,
			WokListExport,
			WokItemDetail,
			WokItemTable,
			WokListBoxs,
			CardVIX,
			WokItemCreate,
			tableTest
		},
		data() {
			return {
				dialogVisible: false
			}
		},
		methods:{
			// dialogVisible(){
			// 	this.dialogVisible=true
			// }
		}
	}
</script>


<style scoped="scoped">
	.box-card-Wok-List {
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		height: 84.3vh;
	}

	.WokItems {
		/* width: 100%; */
		padding-left: 0.9375rem;
	}
</style>
